<!doctype html>
<?php 
ob_start();
session_start();
if ($_SESSION["logueado"]=="" || $_SESSION["logueado"]=="0") {
	header('Location: index.php?e=3');
}


if (isset($_GET["msg"])) {
	$msg1= $_GET["msg"];
	echo "<script language='JavaScript'>alert('$msg1');</script>";

}

?>

<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Arquitectos Empresariales - Administrador </title>
	<link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../css/style.css">
	

	<script type="text/javascript" src="../js/tinymce/tinymce.min.js"></script>
	<script>
		tinymce.init({
			selector: "textarea#elm1",
			theme: "modern",
			width: 1150,
			height: 600,
			plugins: [
			"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
			"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
			"save table contextmenu directionality emoticons template paste textcolor"
			],
			content_css: "css/content.css",
			toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
			style_formats: [
			{title: 'Bold text', inline: 'b'},
			{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
			{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
			{title: 'Example 1', inline: 'span', classes: 'example1'},
			{title: 'Example 2', inline: 'span', classes: 'example2'},
			{title: 'Table styles'},
			{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
			]
		}); 
</script>




</head>
<body>	
	<div class="container" style="padding-top: 50px;padding-bottom: 50px">        
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"></a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-nav">
					<li><a href="inicio.php">INICIO</a></li>
					<li class="active"><a href="crearArticulo.php">Crear Articulo</a></li>
					<li class="dropdown">
						<a href="#" onclick="return modal();" class="dropdown-toggle" data-toggle="dropdown">Articulos<b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="busqueda.php?c=1">La Mujer TI</a></li>
							<li><a href="busqueda.php?c=2">Temas de Actualidad</a></li>
							<li><a href="busqueda.php?c=3">Experiencia de Usuario</a></li>
							<li><a href="busqueda.php?c=4">Temas de Actualidad</a></li>
						</ul>
					</li>	
					<li class="dropdown">
						<a href="#" onclick="return modal();" class="dropdown-toggle" data-toggle="dropdown">Imagenes<b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="cambiar.php">Imagenes Derecha</a></li>
							<li><a href="cambiarslider.php">Imagenes Arriba</a></li>
						</ul>
					</li>	
					<li><a href="salir.php">Salir</a></li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</nav>


		<div>
			<table>
				<tr>
					<img src="../img/logo.png" align="center">
				</tr>
				<tr>
					<form method="POST" enctype="multipart/form-data" action="crear.php" >
						<table align="center">
							<tr>
								<td></td>
								<td><h1>Crear Articulo</h1> </td>
								<td></td>
							</tr>
							<tr>
								<td><h4>Titulo del articulo: </h4></td>
								<td></td>
								<td><input type="text" name="txtTitulo" id="input" class="form-control" required="required" title="Titilo para el articulo"> </td>
							</tr>
							<tr>
								<td><h4>Seleccionar Categoria: </h4></td>
								<td></td>
								<td>
									<select name="selectCat" id="selectCat" class="form-control">
										<option value="1">La Mujer TI</option>
										<option value="2">Temas de Actualidad</option>
										<option value="3">Experiencia de Usuario</option>
										<option value="4">Temas de Actualidad	</option>
									</select><br>
								</td>
							</tr>
							<tr>
								<td><h4>Seleccionar Imagen:</h4> </td>
								<td></td>
								<td>										
									<input type="hidden" name="MAX_FILE_SIZE" value="5000000" />
									<div>
										<input id="imagen" name="imagen" type="file" class="btn btn-danger"/>
										<br>
									</div>
								</td>
							</tr>
							<tr>
								<td><h4>Contenido del Articulo: </h4></td>
								<td></td>
								<td>
								</td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td >

								</td>
							</tr>
						</table>
						<textarea id="elm1" name="area" style="width:100%" title="Ingrese el contenido del articulo"></textarea>
						<br><br>
						<center><button type="submit" value="crear" id="crear" title="Presione para crear articulo" class="btn btn-primary" style="text-align: center">Crear Articulo</button></center>
					</form>
				</tr>
			</tr>
		</table>
	</div>


</div>
<div  id="displaybigbox" class="black_glass_transparent" style="display: none;" onclick='return modal();'></div>
<div   id="display-como-funciona" class="elements_black_glass_transparent" style="display: none;"  >					
</div>
<script type="text/javascript" src="../js/script.js" ></script>	
<script type="text/javascript" src="../js/jquery.js" ></script>
<script type="text/javascript" src="../js/bootstrap.js" ></script>
</body>
</html>